/*
 * SimpleModal OSX Style Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: osx.css 254 2010-07-23 05:14:44Z emartin24 $
 */

#osx-modal-content-newnote, #osx-modal-data-newnote, #osx-modal-content-listnotes, #osx-modal-data-listnotes {display:none;}

/* Overlay */
#osx-overlay-newnote, #osx-overlay-listnotes  {background-color:#000; cursor:wait;}

/* Container */
#osx-container-newnote, #osx-container-listnotes {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;}
#osx-container-newnote a, #osx-container-listnotes a {color:#ddd;}
#osx-container-newnote #osx-modal-title-newnote, #osx-container-listnotes #osx-modal-title-listnotes {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container-newnote .close, #osx-container-listnotes .close {display:none; position:absolute; right:0; top:0;}
#osx-container-newnote .close a, #osx-container-listnotes .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container-newnote .close a:hover, #osx-container-listnotes .close a:hover {color:#000;}
#osx-container-newnote #osx-modal-data-newnote, #osx-container-listnotes #osx-modal-data-listnotes {font-size:12px; padding:6px 12px;}
#osx-container-newnote h2, #osx-container-listnotes h2 {margin:10px 0 6px;}
#osx-container-newnote p, #osx-container-listnotes p {margin-bottom:10px;}
#osx-container-newnote span, #osx-container-listnotes span {color:#777;}
#osx-container-listnotes em span {color:#FFF;}




.listingnotes ul {
	position: relative;
	display: inline-block;
	padding: 0 2px;
	margin: 0;
}

.listingnotes ul:before, .dock ul:after {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 31px;
}

/* @group Items */
/* Defines a dock item.  */
.listingnotes li {
	display: inline-block;
	position: relative;
	margin: 0 10px;
	margin-bottom: 15px;
	margin-top: 30px;
	vertical-align: baseline;
	font: normal 14px/1 'Lucida Grande', Arial, sans-serif;
}

.listingnotes a {
	display: inline-block;
	cursor: default;
	outline: none;
}

/* Displays the status indicator of the targeted listingnotes item. */
.listingnotes li:target:after {
	visibility: visible;
	opacity: 1;
}
/* @end */

/* @group Label */
/* This is just a wrapper in order to center the actual label horizontally. You
may need to adjust the width negative margin if you have really long labels. */
.listingnotes em {
	position: absolute;
	top: -34px;
	left: 50%;
	display: none;
	width: 150px;
	margin-left: -75px;
	text-align: center;
}

/* Generates the little arrow at the bottom of the label. */
.listingnotes em:after {
	content: " ";
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, .6);
	border-bottom: none;
}

/* This is the actual label. */
.listingnotes em span {
	display: inline-block;
	padding: 5px 12px;
	font-size: 14px;
	font-style: normal;
	color: #FFF;
	background: #000;
	background: rgba(0, 0, 0, .6);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .9);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
}

.listingnotes li:hover em {
	display: block;
}
/* @end */